技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
4
0
Modern Web
我的網頁前端小小小教室
系列 第
4
篇
Day4 Javascript介紹
13th鐵人賽
karta1366796
團隊
imac_跳過這篇
2021-09-18 12:07:11
620 瀏覽
分享至
在前面的文章中,我們有淺談到Javascript在網頁中所扮演的角色,而Javascript到底是甚麼呢?網頁中呈現給使用者是靜態的資料,但若我們不想要死板板的,而是能夠跟使用者進行互動,譬如說當你滑鼠觸碰到這張圖片時,進行幻燈片的效果、又或者是當註冊帳號時,後面通常都會有個檢查的綠色勾勾,以及購物網站點購物車時跳出你的商品清單,這些都是網頁跟使用者互動的行為,Javascript就是扮演著讓網頁生動起來的角色!
然而Javascript還可以串接API,API是甚麼呢?API( Application Programming Interface),中文是"應用程式介面"。好,我相信你還是不懂,API白話來說,就是溝通的介面,你想要查詢墾丁怎麼去,你要先上網在Google Maps上面搜尋墾丁,系統知道你要去的地方是墾丁後,去資料庫搜尋,把結果回傳到網頁上讓使用者閱讀。
所以我們要把這個搜尋地區的功能帶到我們的網頁裡,就可以使用到Google Maps API,像是一些美食網站、旅遊網站,就可以替使用者省下要再把地址貼到Google Maps上面的時間,而是能夠直接的在你設計的網頁裡進行瀏覽!是不是大大提升了你網頁的互動性呢!
當然API不會只有Google Maps一種而已,還有像是氣象的API、播放音樂的API、3D影像的API,這些都可以透過Javascript讓你的網頁更加多元、豐富!
留言
追蹤
檢舉
上一篇
Day3 CSS裝潢大師
下一篇
Day5 網頁製作環境建設
系列文
我的網頁前端小小小教室
共
30
篇
目錄
RSS系列文
訂閱系列文
8
人訂閱
26
Day26 Bootstrap建立網頁
27
Day27 Javascript元件庫 Jquery介紹
28
Day28 JQuery應用
29
Day29 JQuery蓋板廣告應用
30
Day30 JQuery 控制CSS
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
老婆line被盜用換sin卡也無法拿回帳號使用權
怎麼才能免費申請
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
VM以瀏覽器連線至虛擬機器的問題
檔案管理與呼叫資料夾(電腦使用習慣)
win10更改資料夾顏色
租用電腦服務
Docker打包程式的方式
記憶體不足,無法執行 MICROSOFT EXCEL。請關閉其他應用程式再試一次
熱門回答
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
FAT32 有分什麼版本嗎? CCTV 不支持
一般硬體防火牆,對外 大多要限制那些服務?
PC安裝ESXi 8.0備份問題
熱門文章
Vigor Router Firewall NAT 一開全球通,如何做限制,只允許白名單IP通過,甚至敲門再開 TOTP 驗證
你知道駭客如何入侵你的網站嗎?
如何不顯示臉書的贊助商廣告 跟 為你推薦
使用 AWS建立商品管理系統
如何使用AWS AI Service Cards – Amazon Rekognition ?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}